﻿<!doctype html>
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>About Us</title>

    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/ionicons.min.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/owl.theme.css" type="text/css" media="all">
    <link rel='stylesheet' href='css/prettyPhoto.css' type='text/css' media='all'>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/custom.css" type="text/css" media="all">
    <link href="http://fonts.googleapis.com/css?family=Great+Vibes%7CLato:100,100i,300,300i,400,400i,700,700i,900,900i"
          rel="stylesheet">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<div class="noo-spinner">
    <div class="spinner">
        <div class="cube1"></div>
        <div class="cube2"></div>
    </div>
</div>
<div id="menu-slideout" class="slideout-menu hidden-md-up">
    <div class="mobile-menu">
        <ul id="mobile-menu" class="menu">
            <li><a href="login-success.html">主页</a></li>
            <li><a href="about-us - success.html">关于我们</a></li>
            <li><a href="shop.html">购物</a></li>
            <li><a href="Bought-Baby.html">已购买的宝贝</a></li>
            <li><a href="cart.html">我的购物车</a></li>
            <li><a href="checkout.html">结账页面</a></li>
            <li><a href="contact-us.html">意见信箱</a></li>
        </ul>
    </div>
</div>
<div class="site">
    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="topbar-text">
                        <div>您好: <span>某某&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>欢迎您登录有机商城!</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="topbar-menu">
                        <ul class="topbar-menu">
                            <li class="dropdown">
                                <a href="#">注销退出登录</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <header id="header" class="header header-desktop header-2">
        <div class="top-search">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <form>
                            <input type="search" class="top-search-input" name="s" placeholder="你在找什么?"/>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <a href="#" id="logo">
                        <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                    </a>
                </div>
                <div class="col-md-9">
                    <div class="header-right">
                        <nav class="menu">
                            <ul class="main-menu">
                                <li><a href="login-success.html">主页</a></li>
                                <li><a href="about-us - success.html">关于我们</a></li>
                                <li><a href="shop.html">购物</a></li>
                                <li><a href="Bought-Baby.html">已购买的宝贝</a></li>
                                <li><a href="cart.html">我的购物车</a></li>
                                <li><a href="checkout.html">结账页面</a></li>
                                <li><a href="contact-us.html">意见信箱</a></li>
                            </ul>
                        </nav>
                        <div class="btn-wrap">
                            <div class="mini-cart-wrap">
                                <div class="mini-cart">
                                    <div class="mini-cart-icon" data-count="2">
                                        <i class="ion-bag"></i>
                                    </div>
                                </div>
                                <div class="widget-shopping-cart-content">
                                    <ul class="cart-list">
                                        <li>
                                            <a href="#" class="remove">×</a>
                                            <a href="shop-detail.html">
                                                <img src="images/shop/thumb/shop_1.jpg" alt=""/>
                                                Orange Juice&nbsp;
                                            </a>
                                            <span class="quantity">1 × $12.00</span>
                                        </li>
                                        <li>
                                            <a href="#" class="remove">×</a>
                                            <a href="shop-detail.html">
                                                <img src="images/shop/thumb/shop_2.jpg" alt=""/>
                                                Aurore Grape&nbsp;
                                            </a>
                                            <span class="quantity">1 × $9.00</span>
                                        </li>
                                    </ul>
                                    <p class="total">
                                        <strong>Subtotal:</strong>
                                        <span class="amount">$21.00</span>
                                    </p>
                                    <p class="buttons">
                                        <a href="cart.html" class="view-cart">显示列表</a>
                                        <a href="checkout.html" class="checkout">结账</a>
                                    </p>
                                </div>
                            </div>
                            <div class="top-search-btn-wrap">
                                <div class="top-search-btn">
                                    <a href="javascript:void(0);">
                                        <i class="ion-search"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <header class="header header-mobile">
        <div class="container">
            <div class="row">
                <div class="col-xs-2">
                    <div class="header-left">
                        <div id="open-left"><i class="ion-navicon"></i></div>
                    </div>
                </div>
                <div class="col-xs-8">
                    <div class="header-center">
                        <a href="#" id="logo-2">
                            <img class="logo-image" src="images/logo.png" alt="Organik Logo"/>
                        </a>
                    </div>
                </div>
                <div class="col-xs-2">
                    <div class="header-right">
                        <div class="mini-cart-wrap">
                            <a href="cart.html">
                                <div class="mini-cart">
                                    <div class="mini-cart-icon" data-count="2">
                                        <i class="ion-bag"></i>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div id="main">
        <div class="section section-bg-9 pt-11 pb-17">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h2 class="page-title text-center">关于我们</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="section border-bottom pt-2 pb-2">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <ul class="breadcrumbs">
                            <li><a href="#">主页</a></li>
                            <li>关于我们</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-10 pb-10">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">欢迎来到有机商城</div>
                        <h2 class="text-center section-title mtn-2">一个关于我们的小故事</h2>
                        <div class="organik-seperator mb-9 center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="about-main-img col-lg-6">
                        <img src="images/about_1.jpg" alt=""/>
                    </div>
                    <div class="about-content col-lg-6">
                        <div class="about-content-title">
                            <h4>家庭经营的农场</h4>
                            <div class="about-content-title-line"></div>
                        </div>
                        <div class="about-content-text">
                            <p>Our farm is a second-generation organic farm that was our parents, Mark &amp; Renée
                                Elliott’s dream to offer the best and healthiest range of organic foods available,
                                promote health in the community and bring a sense of discovery and adventure into food
                                shopping.</p>
                            <p>Visit our site for a complete list of fresh, organic fruit and vegetables we are
                                offering.<br></p>
                        </div>
                        <div class="about-carousel" data-auto-play="true" data-desktop="4" data-laptop="4"
                             data-tablet="4" data-mobile="2">
                            <a href="images/carousel/img_large_1.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_1.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                            <a href="images/carousel/img_large_2.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_2.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                            <a href="images/carousel/img_large_3.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_3.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                            <a href="images/carousel/img_large_4.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_4.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                            <a href="images/carousel/img_large_5.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_5.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                            <a href="images/carousel/img_large_6.jpg" data-rel="prettyPhoto[gallery]">
                                <img src="images/carousel/img_6.jpg" alt=""/>
                                <span class="ion-plus-round"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section bg-light pt-16 pb-6">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">为什么选择我们的健康商店?</div>
                        <div class="organik-seperator mb-9 center">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                        <div class="icon-boxes">
                            <div class="icon-boxes-icon"><i class="ion-android-star-outline"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title"> 吃得更健康。.</h6>
                                <p>Obtaining the recommended daily fruits and vegetables.</p>
                            </div>
                        </div>
                        <div class="icon-boxes">
                            <div class="icon-boxes-icon"><i class="organik-lemon"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title"> 我们有声誉.</h6>
                                <p>We have been growing organic produce for customers since 1976.</p>
                            </div>
                        </div>
                        <div class="icon-boxes">
                            <div class="icon-boxes-icon"><i class="organik-cucumber"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title">新鲜和无农药.</h6>
                                <p>We deliver organic pesticide-free and sustainably-grown produce.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="text-center">
                            <img src="images/about_pic.png" alt=""/>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="icon-boxes right">
                            <div class="icon-boxes-icon"><i class="organik-broccoli"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title"> 无需承诺.</h6>
                                <p>We requires no commitment and allows you to cancel or suspend deliveries.</p>
                            </div>
                        </div>
                        <div class="icon-boxes right">
                            <div class="icon-boxes-icon"><i class="organik-carrot"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title"> 灵活性.</h6>
                                <p>Choose the delivery frequency that best fits your needs.</p>
                            </div>
                        </div>
                        <div class="icon-boxes right">
                            <div class="icon-boxes-icon"><i class="organik-tomato"></i></div>
                            <div class="icon-boxes-inner">
                                <h6 class="icon-boxes-title"> 定制化.</h6>
                                <p>Customize your standard delivery to exclude items you do not want.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section border-bottom pt-11 pb-10">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="text-center mb-1 section-pretitle">我们的农民</div>
                        <h2 class="text-center section-title mtn-2">我们是优秀的农民</h2>
                        <div class="organik-seperator center mb-8">
                            <span class="sep-holder"><span class="sep-line"></span></span>
                            <div class="sep-icon"><i class="organik-flower"></i></div>
                            <span class="sep-holder"><span class="sep-line"></span></span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 col-sm-12">
                        <div class="team-member">
                            <div class="image">
                                <img src="images/testimonial/picture_3.jpg" alt="Michael Andrews"/>
                            </div>
                            <div class="team-info">
                                <h5 class="name">迈克尔·安德鲁斯</h5>
                                <p class="bio">Michael出生于Capay的一个农场，在机械车间很早就精通技术，负责设计当今农场使用的工具。</p>
                                <ul class="social-list">
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="team-member">
                            <div class="image">
                                <img src="images/testimonial/picture_4.jpg" alt="Kathleen Barsotti"/>
                            </div>
                            <div class="team-info">
                                <h5 class="name">凯瑟琳·巴索蒂</h5>
                                <p class="bio">凯瑟琳（Kathleen）生于加利福尼亚州的贝尔蒙特（Belmont），就读于UC Riverside，获得了农业学士学位。</p>
                                <ul class="social-list">
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-12">
                        <div class="team-member">
                            <div class="image">
                                <img src="images/testimonial/picture_2.jpg" alt="Mark Ronson"/>
                            </div>
                            <div class="team-info">
                                <h5 class="name">马克·罗森</h5>
                                <p class="bio">他致力于为农民建立强大的财务模型，通过战略性地管理我们当前的计划，将农产品直接与消费者联系起来。</p>
                                <ul class="social-list">
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Google Plus"><i class="fa fa-google-plus"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
                                    <li><a href="#" data-toggle="tooltip" data-placement="top"
                                           data-original-title="Twitter"><i class="fa fa-twitter"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section pt-2 pb-4">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <p>合作商户信息</p>
                        <div class="client-carousel" data-auto-play="true" data-desktop="5" data-laptop="3"
                             data-tablet="3" data-mobile="2">
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_1.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_2.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_3.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_4.png" alt=""/>
                                </a>
                            </div>
                            <div class="client-item">
                                <a href="#" target="_blank">
                                    <img src="images/client/client_5.png" alt=""/>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <img src="images/footer_logo.png" class="footer-logo" alt=""/>
                    <p>
                        欢迎来到有机商城。我们的产品是新鲜收获的，经过清洗后即可装箱，最后从我们的家庭农场运到您家门口。
                    </p>
                    <div class="footer-social">
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Facebook"><i
                                class="fa fa-facebook"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Twitter"><i
                                class="fa fa-twitter"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Pinterest"><i
                                class="fa fa-pinterest"></i></a>
                        <a href="#" data-toggle="tooltip" data-placement="top" title="Instagram"><i
                                class="fa fa-instagram"></i></a>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">推荐信息</h3>
                        <ul>
                            <li><a href="#">新产品</a></li>
                            <li><a href="#">畅销品</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们的商城</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="widget">
                        <h3 class="widget-title">使用链接</h3>
                        <ul>
                            <li><a href="#">我们的团队</a></li>
                            <li><a href="#">我们的博客</a></li>
                            <li><a href="#">关于我们</a></li>
                            <li><a href="#">安全购物</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="widget">
                        <h3 class="widget-title">订阅</h3>
                        <p>
                            输入您的电子邮件地址作为我们的邮件列表，督促我们每日精进。
                        </p>
                        <form class="newsletter">
                            <input type="email" name="EMAIL" placeholder="您的电子邮件地址" required=""/>
                            <button><i class="fa fa-paper-plane"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    Copyright &copy; 2020.公司保留所有权利.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </div>
                <div class="col-md-4">
                    <img src="images/footer_payment.png" alt=""/>
                </div>
            </div>
        </div>
        <div class="backtotop" id="backtotop"></div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/modernizr-2.7.1.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<script type='text/javascript' src='js/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='js/jquery.prettyPhoto.init.min.js'></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>